/**
 * Created by lenovo on 2018/8/14.
 */
$(function () {
    find()
    //查询按钮点击事件
    $("#findName").click(function () {
        find()
    })
    num()//分页查询
    
})
var NOpage=1;//当前页码
var Maxpage=0;//最大页码

//查询
function find() {
    var name= $("[name=waterName]").val();
    NOpage=1;//页码
    $("#page").text("当前为第"+NOpage+"页")
    $.post("FindDelWaterServlet",{"name":name},function (data) {
        count();//页码方法
        //遍历数据
        ergodic(data);
    },"json")
}

//分页查询
function num() {
    $(".num").click(function () {
        var Turn=$(this).find("span").text();//翻页值
        $.post("FindDelWaterServlet",{"Turn":Turn},function (data) {
            if(Turn==1){
                NOpage++;
            }else {
                NOpage--;
            }
            if(NOpage>Maxpage){
                NOpage=Maxpage
            }
            if(NOpage<1){
                NOpage=1
            }

            $("#page").text("当前为第"+NOpage+"页")
            ergodic(data);

        },"json")

    })

    //首页
    $(".prev").click(function () {
        NOpage=1
        $("#page").text("当前为第"+NOpage+"页")
        $.post("FindDelWaterServlet",{"page":NOpage-1},function (data) {
            ergodic(data)
        },"json")
    })

    //尾页
    $(".next").click(function () {
        NOpage=Maxpage
        $("#page").text("当前为第"+Maxpage+"页")
        $.post("FindDelWaterServlet",{"page":Maxpage},function (data) {
            ergodic(data)
        },"json")
    })

}

//表格多选事件
tableCheck = {
    init:function  () {
        $(".layui-form-checkbox").click(function(event) {
            //是否绑定这个样式
            if($(this).hasClass('layui-form-checked')){
                //如果绑定是，则移除此样式
                $(this).removeClass('layui-form-checked');
                if($(this).hasClass('header')){
                    $(".layui-form-checkbox").removeClass('layui-form-checked');
                }
            }else{
                $(this).addClass('layui-form-checked');
                if($(this).hasClass('header')){
                    $(".layui-form-checkbox").addClass('layui-form-checked');
                }
            }
        });
    },
    getData:function  () {
        var obj = $(".layui-form-checked").not('.header');
        var arr=[];
        obj.each(function(index, el) {
            arr.push(obj.eq(index).attr('data-id'));
        });
        return arr;
    }

}
//遍历
function  ergodic(data) {
    $(".layui-table thead tr").remove();//移除头部
    $(".layui-table thead").append(" <tr>"+
        " <th>"+
        " <div class='layui-unselect header layui-form-checkbox' lay-skin='primary'><i class='layui-icon'>&#xe605;</i></div>"+
        "</th>"+
        " <th>名称</th>"+
        "<th>编号</th>"+
        "<th>生产厂家 </th>"+
        "<th>保修期</th>"+
        "<th>型号</th>"+
        "<th>批准文号</th>"+
        "<th>出水量</th>"+
        "<th>价格</th>"+
        "<th>状态</th>"+
        "<th>操作</th></tr>")
    $(".layui-table tbody tr").remove();

    $(data).each(function () {
        $(".layui-table tbody").append( "<tr>"+
            "<td>"+
            " <div class='layui-unselect layui-form-checkbox' lay-skin='primary' data-id="+this.wpid+"><i class='layui-icon'>&#xe605;</i></div>"+
            " </td>"+
            "<td name='wpid'>"+this.wpid+"</td>"+
            "<td >"+this.waterName+"</td>"+
            "<td>"+this.wpnumber+"</td>"+
            " <td>"+this.mamufacturer+"</td>"+
            "<td>"+this.warranty+"</td>"+
            "<td>"+this.model+"</td>"+
            "<td>"+this.approval+"</td>"+
            "<td>"+this. waterYield+"</td>"+
            "<td>"+this.price+"￥</td>"+
        "<td class='td-status'>"+
        " <span class='layui-btn layui-btn-danger layui-btn-mini'>已删除</span>"+
        "   <td class='td-manage'>"+
        "  <a title='恢复' onclick= 'de(this)' href='javascript:;'>"+
        "  <i class='layui-icon'>&#xe618;</i>"+
        " </a>"+
        " <a title='删除' onclick= 'deleteWater(this)' href='javascript:;'>"+
        "   <i class='layui-icon'>&#xe640;</i>"+
        "</a>"+
        "</td>"+
         "</tr>")

        $("[name='wpid']").hide();
    })
    tableCheck.init();
    startUsing();
}

//恢复事件
function de(td) {
    var $tr = $(td).parent().parent();
    var id = $tr.children().get(1).textContent;
    //恢复按钮绑定事件
    layer.confirm("确定要恢复吗",function (idex) {
        if(idex>0){
            $.post("RecoverWaterServlet",{"id":id},function (data) {
                if(data>0){
                    $.post("FindDelWaterServlet",{"Turn":0,"page":NOpage},function (data) {
                        count()//查询一共有多少条数据
                        ergodic(data);//遍历数据的函数

                    },"json")
                    layer.msg('删除成功 ', {icon: 1});
                }else {
                    layer.msg('删除失败', {icon: 1});
                }
            })
        }
    })
}

//查询一共有多少数据
function count() {
    $.post("findWaterCountServlet",{falg:1},function (data) {
        $("#count").text("共有商品"+data[0]+"种")
        $("#pages").text("共"+data[1]+"页")
        //已经获取到最大页码   推算出当前页码
        Maxpage=data[1];
        if(NOpage>data[1]){
            NOpage=data[1]
        }
        $("#page").text("当前为第"+NOpage+"页")
    },"json")
}

//批量恢复
function delAll (argument) {
    var datax = tableCheck.getData();
    layer.confirm('确认要恢复吗？'+datax,function(index){
        if(index>0){
            if(datax.length<=0){
                layer.msg("未选中任何数据", {icon: 6});
                return;
            }
            //捉到所有被选中的，发异步进行恢复
            for(var i=0;i<datax.length;i++){
                $.post("RecoverWaterServlet",{"id":datax[i]},function (data) {
                    if(data>0){
                        var pages= $("span[name=pageNo]").text();
                        $.post("FindDelWaterServlet",{"Turn":0,"page":pages-1},function (data) {
                            count()//查询一共有多少条数据
                            ergodic(data);//遍历数据的函数
                        },"json")

                    }
                })
            }
            layer.msg('恢复成功 ', {icon: 1});
        }
    });
}
function deleteWater(td) {
    //真正的删除
    var $tr = $(td).parent().parent();
    var id = $tr.children().get(1).textContent;
    //恢复按钮绑定事件
    layer.confirm("确定要删除吗?不可逆删除！",function (idex) {
        if(idex>0){
            $.post("WaterDeleteServlet",{"id":id},function (data) {
                if(data>0){
                    $.post("FindDelWaterServlet",{"Turn":0,"page":NOpage},function (data) {
                        count()//查询一共有多少条数据
                        ergodic(data);//遍历数据的函数

                    },"json")
                    layer.msg('删除成功 ', {icon: 1});
                }else {
                    layer.msg('删除失败', {icon: 1});
                }
            })
        }
    })
}